<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<!-- 图标 -->
		<link rel="shortcut icon" href="favicon.ico" />
		<title>品优购商城——-综合网购首选-正品低价、品质保障、配送及时、轻松购物！</title>
		<!-- 网站说明 -->
		<meta name="description" content="品优购商城-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />
		<!-- 关键字 -->
		<meta name="keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东" />
		<!-- 初始化CSS -->
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<!-- 公共CSS -->
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<!-- 首页专有CSS -->
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>
	<body>
		<!-- 快捷导航栏部分开始 -->
		<section class="shortcut">
			<div class="w">
				<div class="fl">
					<ul>
						<li>品优购欢迎您！</li>&nbsp;
						<li><a href="#">请登录</a> &nbsp; <a href="register.html" class="style_red">免费注册</a></li>
					</ul>
				</div>
				<div class="fr">
					<ul>
						<li>我的订单</li>
						<li></li>
						<li class="arrow-down">我的品优购</li>
						<li></li>
						<li>品优购会员</li>
						<li></li>
						<li>企业采购</li>
						<li></li>
						<li class="arrow-down">关注品优购</li>
						<li></li>
						<li class="arrow-down">客户服务</li>
						<li></li>
						<li class="arrow-down">网站导航</li>
					</ul>
				</div>
			</div>
		</section>
		<!-- 快捷导航栏部分结束 -->
		<!-- 头部部分开始 -->
		<header class="w header">
			<!-- logo部分 -->
			<div class="logo">
				<h1>
					<a href="index.html" title="品优购">品优购</a>
				</h1>
			</div>
			<!-- 搜索部分 -->
			<div class="search">
				<input type="search" placeholder="语言开发" />
				<button type="button">搜索</button>
			</div>
			<!-- 热门关键词部分 -->
			<div class="hotwords">
				<a href="#" class="style_red">优惠购首发</a>
				<a href="#">亿元优惠</a>
				<a href="#">9.9元团购</a>
				<a href="#">美满99减30</a>
				<a href="#">办公用品</a>
				<a href="#">电脑</a>
				<a href="#">通信</a>
			</div>
			<!-- 购物车部分 -->
			<div class="shopcar">
				<a href="#">我的购物车</a>
				<span>8</span>
			</div>
		</header>
		<!-- 头部部分结束 -->
		<!-- 导航部分开始 -->
		<nav class="nav">
			<div class="w">
				<div class="dropdown">
					<div class="dt">
						全部商品分类
					</div>
					<div class="dd">
						<ul>
							<li><a href="#">家用电器</a></li>
							<li><a href="list.html">手机</a>、<a href="#">数码</a>、<a href="#">通信</a></li>
							<li><a href="#">电脑</a>、<a href="#">办公</a></li>
							<li><a href="#">家居</a>、<a href="#">家具</a>、<a href="#">家装</a>、<a href="#">厨具</a></li>
							<li><a href="#">男装</a>、<a href="#">女装</a>、<a href="#">童装</a>、<a href="#">内衣</a></li>
							<li><a href="#">个户化妆</a>、<a href="#">清洁用品</a>、<a href="#">宠物</a></li>
							<li><a href="#">鞋靴</a>、<a href="#">箱包</a>、<a href="#">珠宝</a>、<a href="#">奢侈品</a></li>
							<li><a href="#">户外运动</a>、<a href="#">钟表</a></li>
							<li><a href="#">汽车</a>、<a href="#">汽车用品</a></li>
							<li><a href="#">母婴</a>、<a href="#">玩具用品</a></li>
							<li><a href="#">食品</a>、<a href="#">酒类</a>、<a href="#">生鲜</a>、<a href="#">特产</a></li>
							<li><a href="#">医疗保健</a></li>
							<li><a href="#">医书</a>、<a href="#">音箱</a>、<a href="#">电子书</a></li>
							<li><a href="#">彩票</a>、<a href="#">旅行</a>、<a href="#">充值</a>、<a href="#">票务</a></li>
							<li><a href="#">理财</a>、<a href="#">众筹</a>、<a href="#">白条</a>、<a href="#">保险</a></li>

						</ul>
					</div>
				</div>
				<div class="navitems">
					<ul>
						<li><a href="#">服装城</a></li>
						<li><a href="#">美妆馆</a></li>
						<li><a href="#">传智播客</a></li>
						<li><a href="https://space.bilibili.com/415434293?spm_id_from=333.788.b_765f7570696e666f.1" target="_blank">Pink老师</a></li>
						<li><a href="#">有趣</a></li>
						<li><a href="#">全球购</a></li>
						<li><a href="#">美妆馆</a></li>
						<li><a href="#">服装城</a></li>
					</ul>
				</div>
			</div>
		</nav>
		<!-- 导航部分开始 -->
		<!-- 焦点图部分和快报部分开始 -->
		<div class="w">
			<div class="main">
				<div class="focus">
					<div class="tupian">
						<ul>
							<li><a href="#"><img src="upload/focus1.png"></a></li>
						</ul>
					</div>
					<button type="button" class="btn-left">&#xe685;</button>
					<button type="button" class="btn-right">&#xe688;</button>
					<ul>
						<li class="xianshi"></li>
						<li></li>
						<li></li>
					</ul>
				</div>
				<div class="newsflash">
					<div class="news">
						<div class="news-hd">
							<h5>品优购快报</h5>
							<a href="#">更多</a>
						</div>
						<div class="news-bd">
							<ul>
								<li><a href="#">[重磅] 它来了它来了，pink老师走来了,带着礼物走来了。</a></li>
								<li><a href="#">[重磅] 它来了它来了，pink老师走来了</a></li>
								<li><a href="#">[重磅] 它来了它来了，pink老师走来了,带着礼物走来了。</a></li>
								<li><a href="#">[重磅] 它来了它来了，pink老师走来了</a></li>
								<li><a href="#">[重磅] 它来了它来了，pink老师走来了,带着礼物走来了。</a></li>
							</ul>
						</div>
					</div>
					<div class="life_service">
						<ul>
							<li>
								<a href="#">
									<i></i>
									<p>话费</p>
								</a>
							</li>
							<li>
								<a href="#">
									<div class="jian">
										<img src="images/jian.png">
									</div>
									<i></i>
									<p>机票</p>
								</a>
							</li>
							<li>
								<a href="#">
									<i></i>
									<p>电影票</p>
								</a>
							</li>
							<li>
								<a href="#">
									<i></i>
									<p>游戏</p>
								</a>
							</li>
							<li>
								<a href="#">
									<i></i>
									<p>彩票</p>
								</a>
							</li>
							<li>
								<a href="#">
									<i></i>
									<p>加油卡</p>
								</a>
							</li>
							<li>
								<a href="#">
									<i></i>
									<p>酒店</p>
								</a>
							</li>
							<li>
								<a href="#">
									<i></i>
									<p>火车票</p>
								</a>
							</li>
							<li>
								<a href="#">
									<i></i>
									<p>众筹</p>
								</a>
							</li>
							<li>
								<a href="#">
									<i></i>
									<p>理财</p>
								</a>
							</li>
							<li>
								<a href="#">
									<i></i>
									<p>礼品卡</p>
								</a>
							</li>
							<li>
								<a href="#">
									<i></i>
									<p>白条</p>
								</a>
							</li>
						</ul>
					</div>
					<div class="bargain">
						<img src="upload/bargain.png">
					</div>
				</div>
			</div>
		</div>
		<!-- 焦点图部分和快报部分结束 -->
		<!-- 今日推荐部分开始 -->
		<div class="w recom">
			<div class="recom-left">
				<img src="images/recom-left.png">
			</div>
			<div class="recom-right">
				<ul>
					<li><a href="#"><img src="upload/recom-right1.png"></a></li>
					<li><a href="#"><img src="upload/recom-right2.png"></a></li>
					<li><a href="#"><img src="upload/recom-right3.png"></a></li>
					<li><a href="#"><img src="upload/recom-right4.png"></a></li>
				</ul>
			</div>
		</div>
		<!-- 今日推荐部分结束 -->
		<!-- 猜你喜欢部分开始 -->
		<div class="w you-like">
			<div class="you-like-top">
				<h4>猜你喜欢</h4>
				<p>换一换</p>
			</div>
			<div class="you-like-bottom">
				<ul>
					<li>
						<a href="#">
							<div class="tupian">
								<img src="upload/like1.png">
							</div>
							<div class="describe">
								<p>阳光美包新款单肩包女包时尚子母包四件套女</p>
								<span>￥166.00</span>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="tupian">
								<img src="upload/like2.png">
							</div>
							<div class="describe">
								<p>爱仕达 30CM炒锅不粘锅NWG8330E电磁炉炒</p>
								<span>￥99.00</span>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="tupian">
								<img src="upload/like3.png">
							</div>
							<div class="describe">
								<p>捷波朗（jabra）BOOSI劲步</p>
								<span>￥245.00</span>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="tupian">
								<img src="upload/like4.png">
							</div>
							<div class="describe">
								<p>欧普JYLZ08面板灯平板灯铝</p>
								<span>￥238.00</span>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="tupian">
								<img src="upload/like5.png">
							</div>
							<div class="describe">
								<p>三星（G5500）移动联</p>
								<span>￥649.00</span>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="tupian">
								<img src="upload/like6.png">
							</div>
							<div class="describe">
								<p>韩国所望紧致湿润精华露400ml</p>
								<span>￥649.00</span>
							</div>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<!-- 猜你喜欢部分结束 -->
		<!-- 有趣区部分开始 -->
		<div class="w interesting">
			<div class="interesting-top">
				<h4>传智播客●有趣区</h4>
			</div>
			<div class="interesting-bottom">
				<div class="interesting-bottom-a">
					<img src="upload/Interesting.png">
				</div>
				<div class="interesting-bottom-b">
					<div class="interesting-bottom-b1">
						<h4>好东西</h4>
					</div>
					<div class="interesting-bottom-b2">
						<img src="upload/hdx1.png" />
					</div>
					<div class="interesting-bottom-b3">
						<img src="upload/hdx2.png" />
					</div>
				</div>
				<div class="interesting-bottom-c">
					<div class="interesting-bottom-c1">
						<h4>品牌街</h4>
					</div>
					<div class="interesting-bottom-c2">
						<img src="upload/ppj1.png">
					</div>
					<div class="interesting-bottom-c3">
						<img src="upload/ppj2.png">
					</div>
					<div class="interesting-bottom-c4">
						<img src="upload/ppj3.png">
					</div>
				</div>
				<div class="interesting-bottom-d">
					<img src="upload/zanzhu1.png">
				</div>
			</div>
		</div>

		</div>
		<!-- 有趣区部分结束 -->
		<!-- 电梯区部分开始 -->
		<div class="floor">
			<!-- 1楼家用电器部分 -->
			<div class="w jiadian">
				<div class="box_hd">
					<h4>家用电器</h4>
					<ul>
						<li><a href="#" class="style_red">热门</a>|</li>
						<li><a href="#">大家电</a>|</li>
						<li><a href="#">生活电器</a>|</li>
						<li><a href="#">厨房电器</a>|</li>
						<li><a href="#">个户健康</a>|</li>
						<li><a href="#">应季电器</a>|</li>
						<li><a href="#">空气/净水</a>|</li>
						<li><a href="#">新奇特</a>|</li>
						<li><a href="#">高端电器</a></li>
					</ul>
				</div>
				<div class="box_bd">
					<div class="box_210">
						<ul>
							<li><a href="#">节能补贴</a></li>
							<li><a href="#">4K电视</a></li>
							<li><a href="#">空气净化器</a></li>
							<li><a href="#">IH电饭煲</a></li>
							<li><a href="#">滚筒洗衣机</a></li>
							<li><a href="#">电热水器</a></li>
						</ul>
						<a href="#"><img src="./upload/jiadian.png"></a>
					</div>
					<div class="box_329">
						<a href="#"><img src="upload/jiadian1.png"></a>
						<ul>
							<li class="xianshi"></li>
							<li></li>
							<li></li>
						</ul>
					</div>
					<div class="box_220">
						<a href="#"><img src="upload/jiadian2.png"></a>
						<a href="#"><img src="upload/jiadian3.png"></a>
					</div>
					<div class="box_221">
						<a href="#"><img src="upload/jiadian4.png"></a>
					</div>
					<div class="box_220">
						<a href="#"><img src="upload/jiadian5.png"></a>
						<a href="#"><img src="upload/jiadian6.png"></a>
					</div>
				</div>
				<div class="box_ft">
					<img src="upload/zanzhu3.png" alt="">
				</div>
			</div>

			<!-- 2楼手机通讯部分 -->
			<div class="w shoji">
				<div class="box_hd">
					<h4>手机通讯</h4>
					<ul>
						<li><a href="#" class="style_red">热门</a>|</li>
						<li><a href="#">品质优选</a>|</li>
						<li><a href="#">新机尝鲜</a>|</li>
						<li><a href="#">高性价比</a>|</li>
						<li><a href="#">口碑推荐</a>|</li>
						<li><a href="#">合约机</a>|</li>
						<li><a href="#">手机卡</a>|</li>
						<li><a href="#">店铺精品</a>|</li>
						<li><a href="#">手机配件</a></li>
					</ul>
				</div>
				<div class="box_bd">
					<div class="box_210">
						<ul>
							<li><a href="#">手机通讯</a></li>
							<li><a href="#">以旧换新</a></li>
							<li><a href="#">双卡双待</a></li>
							<li><a href="#">自营配件</a></li>
							<li><a href="#">金属机身</a></li>
							<li><a href="#">高清屏</a></li>
						</ul>
						<a href="#"><img src="./upload/shoji.png"></a>
					</div>
					<div class="box_329">
						<a href="#"><img src="upload/shoji1.png"></a>
						<ul>
							<li class="xianshi"></li>
							<li></li>
							<li></li>
						</ul>
					</div>
					<div class="box_220">
						<a href="#"><img src="upload/shoji2.png"></a>
						<a href="#"><img src="upload/shoji3.png"></a>
					</div>
					<div class="box_221">
						<a href="#"><img src="upload/shoji4.png"></a>
					</div>
					<div class="box_220">
						<a href="#"><img src="upload/shoji5.png"></a>
						<a href="#"><img src="upload/shoji6.png"></a>
					</div>
				</div>
				<div class="box_ft">
					<img src="upload/zanzhu2.png" alt="">
				</div>
			</div>

			<!-- 3楼电脑办公部分 -->
			<div class="w diannao">
				<div class="box_hd">
					<h4>电脑办公</h4>
					<ul>
						<li><a href="#" class="style_red">热门</a>|</li>
						<li><a href="#">电脑/平板</a>|</li>
						<li><a href="#">潮流影音</a>|</li>
						<li><a href="#">智能/外设</a>|</li>
						<li><a href="#">DIY硬件</a>|</li>
						<li><a href="#">电竞游戏</a>|</li>
						<li><a href="#">办公/网络</a>|</li>
						<li><a href="#">文具电教</a>|</li>
						<li><a href="#">精选配件</a></li>
					</ul>
				</div>
				<div class="box_bd">
					<div class="box_210">
						<ul>
							<li><a href="#">SSD硬盘</a></li>
							<li><a href="#">显示器</a></li>
							<li><a href="#">机械键盘</a></li>
							<li><a href="#">台式机</a></li>
							<li><a href="#">组装电脑</a></li>
							<li><a href="#">配件专区</a></li>
						</ul>
						<a href="#"><img src="./upload/diannao.png"></a>
					</div>
					<div class="box_329">
						<a href="#"><img src="upload/diannao1.png"></a>
						<ul>
							<li class="xianshi"></li>
							<li></li>
							<li></li>
						</ul>
					</div>
					<div class="box_220">
						<a href="#"><img src="upload/diannao2.png"></a>
						<a href="#"><img src="upload/diannao3.png"></a>
					</div>
					<div class="box_221">
						<a href="#"><img src="upload/diannao4.png"></a>
					</div>
					<div class="box_220">
						<a href="#"><img src="upload/diannao5.png"></a>
						<a href="#"><img src="upload/diannao6.png"></a>
					</div>
				</div>
				<div class="box_ft">
					<img src="upload/zanzhu2.png" alt="">
				</div>
			</div>
		</div>
		<!-- 电梯区部分结束 -->
		<!-- 热门疯抢部分开始 -->
		<div class="w hot">
			<div class="hot-top">
				<h4>热门疯抢</h4>
			</div>
			<div class="hot-bottom">
				<div class="hot-bottom1">
					<a href="#">
						<img src="upload/remen.png">
						<p>风暴魔镜 小D 虚拟现实智能VR眼镜3</p>
						<span>￥79.00</span>
					</a>
				</div>
				<div class="hot-bottom2">
					<ul>
						<li>
							<a href="#">
								<img src="upload/remen1.png">
								<p>羽博 7800毫安 Z3 移动电源/充电</p>
								<span>￥139.00</span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="upload/remen2.png">
								<p>2016夏季新款短袖镂空大V领蕾丝</p>
								<span>￥128.00</span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="upload/remen3.png">
								<p>全微（transwin）A-920 2.0声道 </p>
								<span>￥29.00</span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="upload/remen4.png">
								<p>2016秋冬新款复古棉麻印花</p>
								<span>￥129.00</span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="upload/remen1.png">
								<p>羽博 7800毫安 Z3 移动电源/充电</p>
								<span>￥139.00</span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="upload/remen2.png">
								<p>2016夏季新款短袖镂空大V领蕾丝</p>
								<span>￥128.00</span>
							</a>
						</li>
					</ul>
				</div>
				<div class="hot-bottom3">
					<img src="upload/remen5.png">
				</div>
			</div>
		</div>
		<!-- 热门疯抢部分结束 -->
		<!-- 底部部分开始 -->
		<footer class="footer">
			<div class="w">
				<div class="mod_service">
					<ul>
						<li>
							<h5></h5>
							<div class="service_txt">
								<h4>正品保证</h4>
								<p>正品保证，提供发票</p>
							</div>
						</li>
						<li>
							<h5></h5>
							<div class="service_txt">
								<h4>急速物流</h4>
								<p>急速物流，急速送达</p>
							</div>
						</li>
						<li>
							<h5></h5>
							<div class="service_txt">
								<h4>无忧售后</h4>
								<p>7天无理由退换货</p>
							</div>
						</li>
						<li>
							<h5></h5>
							<div class="service_txt">
								<h4>特色服务</h4>
								<p>私人定制家电套餐</p>
							</div>
						</li>
						<li>
							<h5></h5>
							<div class="service_txt">
								<h4>帮助中心</h4>
								<p>您的购物指南</p>
							</div>
						</li>
					</ul>
				</div>
				<div class="mod_help">
					<dl>
						<dt>购物指南</dt>
						<dd><a href="#">购物流程</a></dd>
						<dd><a href="#">会员介绍</a></dd>
						<dd><a href="#">生活旅行/团购</a></dd>
						<dd><a href="#">常见问题</a></dd>
						<dd><a href="#">大家电</a></dd>
						<dd><a href="#">联系客服</a></dd>
					</dl>
					<dl>
						<dt>配送方式</dt>
						<dd><a href="#">上门自提</a></dd>
						<dd><a href="#">211限时达</a></dd>
						<dd><a href="#">配送服务查询</a></dd>
						<dd><a href="#">配送费收取标准</a></dd>
						<dd><a href="#">海外配送</a></dd>
					</dl>
					<dl>
						<dt>支付方式</dt>
						<dd><a href="#">货到付款</a></dd>
						<dd><a href="#">在线支付</a></dd>
						<dd><a href="#">分期付款</a></dd>
						<dd><a href="#">邮局汇款</a></dd>
						<dd><a href="#">公司转账</a></dd>
					</dl>
					<dl>
						<dt>售后服务</dt>
						<dd><a href="#">售后政策</a></dd>
						<dd><a href="#">价格保护</a></dd>
						<dd><a href="#">退款说明</a></dd>
						<dd><a href="#">返修/退换货</a></dd>
						<dd><a href="#">取消订单</a></dd>
					</dl>
					<dl>
						<dt>特色服务</dt>
						<dd><a href="#">夺宝岛</a></dd>
						<dd><a href="#">DIY装机</a></dd>
						<dd><a href="#">延保服务</a></dd>
						<dd><a href="#">品优购E卡
							</a></dd>
						<dd><a href="#">品优购通信</a></dd>
					</dl>
					<dl>
						<dt>帮助中心</dt>
						<dd>
							<img src="images/wx_cz.jpg">
							品优购客户端
						</dd>
					</dl>
				</div>
				<div class="mod_copyright">
					<div class="links">
						<a href="#">关于我们</a>|
						<a href="#">联系我们</a>|
						<a href="#">联系客服</a>|
						<a href="#">商家入驻</a>|
						<a href="#">营销中心</a>|
						<a href="#">手机品优购</a>|
						<a href="#">友情链接</a>|
						<a href="#">销售联盟</a>|
						<a href="#">品优购社区</a>|
						<a href="#">品优购公益</a>|
						<a href="#">English Site</a>|
						<a href="#">Contact Us</a>
					</div>
					<div class="copyright">
						地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn <br>
						京ICP备08001421号京公网安备110108007702
					</div>
				</div>
			</div>
		</footer>
		<!-- 底部部分结束 -->
	</body>
</html>
